﻿
#leftsidebar
{
    width: 135px;
    float: left;
}
#rightcontent
{
    width: 790px;
    float: right;
    border: 1px solid #DDDDDD;
    background-color: #fff;
    
}

#screenContainer
{
    position: relative;
    background-color: #333333; 
    margin: 20px auto;
    height: 150px;
    width: 750px;    
}
/*
#dragThisImg
{
    width:  60px;
    height: 60px;
    border: 1px solid #ccc;       
    background: url('/Areas/Lib/Lib_Data/Imgs') no-repeat;
}
*/
.dragImg
{
    width:  60px;
    height: 60px;
    border: 1px solid #ccc;       
    background: url('/Areas/Lib/Lib_Data/Imgs') no-repeat;
}

/*
#dragThisText
{
    position: absolute!important;
    width: 400px;
    height: 40px;
    border: 1px solid #ccc;

}

#dragThisText label
{
    font-family: Tahoma;
    font-weight: bold;
    font-size:   20px;
    line-height: 30px;   
    color: Red;
}
*/

/* Adding by Haipv */
.dragText 
{
    position: absolute!important;
    width: 32px;
    height: 32px;
    border: 1px solid #ccc;
    color:Red;
    font-size: 14px;
    font-family: Tahoma;
    font-weight: bold;
}

.dragContent 
{
    position: absolute!important;
    width: 32px;
    height: 32px;
    border: 1px solid #ccc;
    color:Red;
    font-size: 14px;
    font-family: Tahoma;
    background-image: none;
}

/*#dragText label
{
    font-family: Tahoma;
    font-weight: bold;
    font-size:   20px;
    line-height: 30px;   
    color: Red;
}*/

#contentContainer
{
    margin:10px;
    padding-top:10px;
}
#contentContainer input
{
    width: 80px;
}
#contentContainer select
{
    width: 90px;
}
#contentContainer input[type=checkbox]
{
    width: auto;
}
.program-form  
{
    padding: 10px;
}
.program-form  .editor-label
{
    float: left;
    padding-top: 5px;
    text-align: right;
    width: 80px;
}
.program-form  .editor-field
{
    margin-left: 90px;
}
.program-form legend {
    font-size: 12px;
    font-weight: bold;
    margin-top: -5px;
    margin-bottom:0px;
    width:auto;
    border: none;
    line-height:normal;
   
}
.program-form fieldset {
    border: 1px solid #DDDDDD;
    margin: 10px 0 1.5em;
    padding: 10px 10px;
}
.program-form span
{
    width: 80px;
    display:block;
    float:left;
}
.btn-bar
{
    margin: 10px;
    text-align: center;
}
#view2_img1
{
    width: 280px;
    height: auto;
    padding: 10px;
    float:left;
    border-right: 1px solid #B7B7B7;

}
#view2_txt1
{

    width: 435px;
    height: auto;
    padding: 10px;
    float:right;
    margin-right: 10px;

}
#view2_img1 td, #view2_txt1 td
{
    width: 90px;
}
.content-form input
{
    width:80px;    
}
.content-form select
{
    width:90px;    
}
.content-form tr > td:first-child
{
    text-align: right;
    width: 100px;
    padding-right:5px;
}

/* Tab Content Css */
ul.tabs
{
    margin: 0 0 3px 0;
    list-style-type: none;
}
        
ul.tabs li
{
    display: inline;
    margin: 0;
    margin-right:3px; /*distance between tabs*/
}
        
ul.tabs li a
{
    font: normal 12px Verdana;
    text-decoration: none;
    position: relative;
    z-index: 1;
    padding: 5px 16px;
    border: 1px solid #CCC;
    border-bottom-color:#B7B7B7;
    color: #000;
    background: white;
    border-radius: 2px 2px 0 0;
    outline:none;
}
ul.tabs li a:visited
{
    color: #000;
}
        
ul.tabs li a:hover
{
    border: 1px solid #B7B7B7;
    background:#F0F0F0 url(tabbg.gif) 0 -36px repeat-x;
}
        
ul.tabs li.selected a
{
    /*selected tab style */
    position: relative;
    font-weight:bold;
    
    background-color: #F5F5F5;
    border: 1px solid #B7B7B7;
    border-bottom-color: #F5F5F5;
}
div.tabcontents
{
    width: auto;
    border: 1px solid #B7B7B7;
    background-color: #F5F5F5;
    border-radius: 0 2px 2px 2px;
}

.bs-docs-sidenav {
    background-color: #FFFFFF;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
    margin: 000px 0 0;
    padding: 0;
    width: 133px;
    position:fixed;
}
.bs-docs-sidenav > li > a {
}
.bs-docs-sidenav > li > a {
    border: 1px solid #E5E5E5;
    display: block;
    margin: 0 0 -1px;
    padding: 8px 14px;
}
a.program-content-cancel {
    float: left;
    margin-left: 5px;
}
.content-name {
    margin: 15px 0px 10px 24px;
}
.content-name > input {
    width: 367px!important;
}
